{% extends "main.html" %}

{% block content %}
			<!-- End Notifications -->
<div class="content-box"><!-- Start Content Box -->
  <div class="content-box-header">					
    <h3>Balance</h3>
	<ul class="content-box-tabs">
	  <li><a href="#tab1" class="default-tab">Balance</a></li>
	</ul>				
	<div class="clear"></div>				
  </div> <!-- End .content-box-header -->

  <div class="content-box-content">					
  <div class="tab-content default-tab" id="tab1"> 
    <table>
	  <thead>
	    <tr>
		  <th>Total Expenses</th>
		  <th>Total profits received</th>
		  <th>Total estimate profits for the actual exercise</th>
		</tr>
	  </thead>
	  <tr> 
	    <td style="color:red">
	    {{TotalDespesas}} €
	</td>
	<td style="color:green">
	{{TotalReceitasRecebidas}} €
	</td>
	<td style="color:blue">
	{{ValorTotalReceitas}} €
	</td>
	</tr> 
	</table>
	<br/>
	<div class="notification information png_bg">
		<div><b>Actual Balance:</b> {{SaldoActual}} €</div>
	</div>

	<br/>
  </div> <!-- End #tab1 -->
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box -->
{% endblock %}
